<template>
  <div>
    <div>
      <h4>姿势评估</h4>
      <el-row type="flex" justify="space-between">
        <el-col>
          <span>前面观</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.zspgqmg">
              <el-checkbox label="髋内旋"></el-checkbox>
              <el-checkbox label="髋外旋"></el-checkbox>
              <el-checkbox label="膝内翻"></el-checkbox>
              <el-checkbox label="膝外翻"></el-checkbox>
              <el-checkbox label="胫骨外旋"></el-checkbox>
              <el-checkbox label="拇外翻"></el-checkbox>
              <el-checkbox label="胫骨内旋"></el-checkbox>
              <el-checkbox label="爪形趾"></el-checkbox>
              <el-checkbox label="其他"></el-checkbox>
              <el-input v-model="pgForm.zspgqmg_input" placeholder="备注" style="width: 50%"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col>
          <span>后面观</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.zspghmg">
              <el-checkbox label="头部倾斜"></el-checkbox>
              <el-checkbox label="肩下垂"></el-checkbox>
              <el-checkbox label="肩胛骨内外旋"></el-checkbox>
              <el-checkbox label="脊柱侧弯"></el-checkbox>
              <el-checkbox label="骨盆侧倾"></el-checkbox>
              <el-checkbox label="骨盆旋转"></el-checkbox>
              <el-checkbox label="扁平足"></el-checkbox>
              <el-checkbox label="高足弓"></el-checkbox>
              <el-checkbox label="其他"></el-checkbox>
              <el-input v-model="pgForm.zspghmg_input" placeholder="备注" style="width: 50%"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col>
          <span>侧面观</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.zspgcmg">
              <el-checkbox label="头向前倾斜"></el-checkbox>
              <el-checkbox label="胸椎后凸"></el-checkbox>
              <el-checkbox label="平背"></el-checkbox>
              <el-checkbox label="鞍背"></el-checkbox>
              <el-checkbox label="骨盆后倾"></el-checkbox>
              <el-checkbox label="骨盆前倾"></el-checkbox>
              <el-checkbox label="膝过伸"></el-checkbox>
              <el-checkbox label="膝屈曲"></el-checkbox>
              <el-checkbox label="其他"></el-checkbox>
              <el-input v-model="pgForm.zspgcmg_input" placeholder="备注" style="width: 50%"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "gesture",
  title: "姿势评估",
  created() {
    if(this.istrans){
      this.pgForm=this.fromdata
    }
  },
  props: {
    fromdata:{},
    istrans:false,
  },
  data () {
    return {
      pgForm: {
        zspgqmg: [],
        zspghmg: [],
        zspgcmg: [],
        zspgqmg_input: '',
        zspghmg_input: '',
        zspgcmg_input: '',
      }
    };
  }
}
</script>

<style scoped>
.el-row {
  margin: 10px 0;
  padding: 20px 10px;
  background-color: #f9f9f9;
  flex-wrap: wrap;
  flex-direction: row;
}
.el-checkbox-group{
  padding: 10px 20px;
}
.el-checkbox{
  display: block;
  margin-bottom: 15px;
}

</style>
